<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html;" charset="utf-8"  http-equiv="Content-Type"/>
		<title>BZE</title>
		<meta name="keywords" content="BZE,BZE，VS HOLIDAY,V.S HOLIDAY">
        <meta name="description" content="VS男装,V.S BZE，BZE，BZE，BZE">
        <meta name="mobile-agent" content="format=xhtml;url=">
        <meta name="mobile-agent" content="format=html5;url=">
        <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/responsiveslides.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/plyr.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/scrollReveal.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
       	<link rel="stylesheet" type="text/css" href="css/plyr.css"/>
       	<link rel="stylesheet" href="css/common.css" />
       	<link rel="stylesheet" type="text/css" href="css/story.css"/>
	</head>
	<body>
		<div class="navbar-fixed-top" id="header">
		    <div class="nav">
		        <ul>
		        		<li><img src="img/logo.png" alt="" /></li>
		            <li id=""><a href="index.html">首页</a></li>
		            <li id=""><a href="product.html">产品</a></li>
		            <li id=""><a href="brand.html">品牌</a></li>
		            <li id="" class="active"><a href="story.html">故事</a></li>
		            <li id=""><a href="alliance.html">联盟</a></li>
		            <li><a href="https://www.tmall.com/" target="_blank">商城</a></li>
		        </ul>
		    </div>
		</div>
		
		<div id="top" class="callbacks_container">
	        <div>
	        		<img style="width: 100%;" src="img/story_banner.jpg" alt="" />
	        </div>
	    </div>
	    
	    <div class="instock" data-scroll-reveal="enter top over 1s and move 200px after 0s" >
			<div class="container">
				<div class="col-md-6 chuk tipImg" >
					<div class="about-grid-info" style="float: right;">
						<img src="img/story2.png" alt="" />
						<div class="agileits-caption"> 
							<i class="fa fa-thumbs-up" aria-hidden="true"></i>
							<p>BZE2018年新店开业</p>
						</div>
					</div>
					<span class="blanc-info" style="text-align: left;">
						<h4>BZE2018年东圃店新店开业</h4>
						<h5>2018-9-10</h5>
					</span>
				</div>
				<div class="col-md-6 blanc tipImg">
					<div class="about-grid-info ">
						<img src="img/story1.png" alt="" />
						<div class="agileits-caption"> 
							<i class="fa fa-thumbs-up" aria-hidden="true"></i>
							<p>BZE2018年新店开业</p>
						</div>
					</div>
					<span class="blanc-info" style="text-align: right;">
						<h4>BZE2018年秋冬新装上市</h4>
						<h5>2018-9-10</h5>
					</span>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	    
	    <div class="instock" data-scroll-reveal="enter top over 1s and move 200px after 0s" >
			<div class="container">
				<div class="col-md-6 chuk tipVideo" id="video1">
					<div class="about-grid-info " style="float: right;">
						<img src="img/story2.png" alt="" />
						<div class="agileits-caption"> 
							<i class="fa fa-thumbs-up" aria-hidden="true"></i>
							<p>BZE2018年新店开业</p>
						</div>
					</div>
					<span class="blanc-info" style="text-align: left;">
						<h4>BZE2018年东圃店新店开业</h4>
						<h5>2018-9-10</h5>
					</span>
				</div>
				<div class="col-md-6 blanc tipVideo" id="video2">
					<div class="about-grid-info ">
						<img src="img/story1.png" alt="" />
						<div class="agileits-caption"> 
							<i class="fa fa-thumbs-up" aria-hidden="true"></i>
							<p>BZE2018年新店开业</p>
						</div>
					</div>
					<span class="blanc-info" style="text-align: right;">
						<h4>BZE2018年秋冬新装上市</h4>
						<h5>2018-9-10</h5>
					</span>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		
		<div class="instock" data-scroll-reveal="enter top over 1s and move 200px after 0s" >
			<div class="container">
				<div class="col-md-6 chuk tipImg">
					<div class="about-grid-info " style="float: right;">
						<img src="img/story2.png" alt="" />
						<div class="agileits-caption"> 
							<i class="fa fa-thumbs-up" aria-hidden="true"></i>
							<p>BZE2018年新店开业</p>
						</div>
					</div>
					<span class="blanc-info" style="text-align: left;">
						<h4>BZE东圃店</h4>
					</span>
				</div>
				<div class="col-md-6 blanc tipImg">
					<div class="about-grid-info ">
						<img src="img/story1.png" alt="" />
						<div class="agileits-caption"> 
							<i class="fa fa-thumbs-up" aria-hidden="true"></i>
							<p>BZE2018年新店开业</p>
						</div>
					</div>
					<span class="blanc-info" style="text-align: right;">
						<h4>BZE佛山店</h4>
					</span>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	    
		<div class="instock" data-scroll-reveal="enter top over 1s and move 200px after 0s" >
			<div class="container">
				<div class="col-md-6 chuk tipImg">
					<div class="about-grid-info " style="float: right;">
						<img src="img/story2.png" alt="" />
						<div class="agileits-caption"> 
							<i class="fa fa-thumbs-up" aria-hidden="true"></i>
							<p>BZE2018年新店开业</p>
						</div>
					</div>
					<span class="blanc-info" style="text-align: left;">
						<h4>BZE永润店</h4>
					</span>
				</div>
				<div class="col-md-6 blanc tipImg">
					<div class="about-grid-info ">
						<img src="img/story1.png" alt="" />
						<div class="agileits-caption"> 
							<i class="fa fa-thumbs-up" aria-hidden="true"></i>
							<p>BZE2018年新店开业</p>
						</div>
					</div>
					<span class="blanc-info" style="text-align: right;">
						<h4>BZE大石店</h4>
					</span>
				</div>
			</div>
		</div>
		
		<div class="result" id="outdiv">
		    <div class="indiv">
		        <img class="imgresult" id="bigimg" src="">
		    </div>  
		</div> 
		<div class="clearfix"> </div>
		
		<div class="footer-b">
		    <div class="container">
		        <div id="info_left">
		        		<ul class="clearfix">
		                <li><a href="index.html">首页</a></li>
		                <li><a href="product.html">产品</a></li>
		                <li><a href="brand.html">品牌</a></li>
		                <li><a href="story.html">故事</a></li>
		                <li><a href="alliance.html">联盟</a></li>
		                <li><a href="http://www.tmall.com">商城</a></li>
			        </ul>
			        <ul id="detail_info">
		                <li>
		                		<i><img src="img/phone.png" alt="" /></i>
		                		<span>020-83702003</span>
		                </li>
		                <br />
		                <li>
		                		<i><img src="img/email.png" alt="" /></i>
		                		<span>943042657@qq.com</span>
		                </li>
		                <br />
		                <li>
		                		<i><img src="img/location.png" alt="" /></i>
		                		<span>广州市白云区石槎路长盛国际商贸园A区J42</span>
		                </li>
			        </ul>
		        </div>
		        <div id="info_right">
		        		<p>滨哲尔官方微信</p>
		        		<img src="img/qrcode.png" alt="" />
		        		<p>扫码关注，惊喜等着你</p>
		        </div>
		    </div>
		
		</div>
	    
	</body>
	
	<script>plyr.setup();</script>
    <script>
        (function () {
            window.scrollReveal = new scrollReveal({reset: true, move: '50px'});
        })();
    </script>

	<script type="text/javascript">
		function showImg(outdiv,indiv,bigimg,thiselement){
		    var winW = $(window).width();
		    var winH = $(window).height();
		    var src = $(thiselement).attr('src');
		    $(bigimg).attr("src",src);
		    $("<img/>").attr("src",src).load(function(){
		        var imgW = this.width; 
		        var imgH = this.height;
		        var scale= imgW/imgH;
		        if( imgW > winW ){
		            $(bigimg).css("width","100%").css("height","auto");
		            imgH = winW/scale;
		            var h=(winH-imgH)/2;            
		            $(indiv).css({"left":0,"top":h});
		        }else{        
		            $(bigimg).css("width",imgW+'px').css("height",imgH+'px');
		            var w=(winW-imgW)/2;
		            var h=(winH-imgH)/2;      
		            $(indiv).css({"left":w,"top":h});
		        }
		              
		        $(outdiv).fadeIn("fast");
		        $(outdiv).click(function(){
		            $(this).fadeOut("fast");
		        });                             
		    });
		}
		$('.tipImg').click(function(){
		    var thiselement=$(this).children('div').children('img');
		    showImg("#outdiv",".indiv","#bigimg",thiselement);
		});  
		$('.tipVideo').click(function(){
			alert('视频资源');
		    $(outdiv).fadeIn("fast");
	        $(outdiv).click(function(){
	            $(this).fadeOut("fast");
	        });             
		});
	</script>
</html>
